@import "_reset.scss";
@import "_jc_tool.scss";
@charset "utf-8";

.wrap{
    width: r(640px);
    height: r(1136px);
    background: $bg;
    
}
.logo{
    width: r(331px);
    height: r(196px);
    font-size: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: r(640px)/2 - r(331px)/2;
    margin-top: r(38px);
    .logo-img{
        width: r(170px);
        height: r(144px);
        >img{
            width: 100%;
            height: 100%;
        }
    }
    .logo-text{
        margin-top: r(20px);
        font-size: r(28px);
        color: #666666;
    }
}

.user-form{
    margin-top: r(64px);
    .input-text{
        &:nth-of-type(1){
            top:r(388px);
        }
        &:nth-of-type(2){
            top:r(473px);
        }
    }
}

.red-btn{
    width: r(580px);
    position: absolute;
    top: r(593px);
    left: r(640px)/2 - r(580px)/2;
}

.oprate{
    position: absolute;
    width: r(580px);
    top: r(704px);
    left: r(640px)/2 - r(580px)/2;
    display: flex;
    justify-content: space-between;
    >p{
        font-size: r(28px);
        
        a{
            color: $value-fontColor;
            &:active{
                color: red;
            }
        }
    }
}
.bottom-bar{
    font-size: 0;
    width: r(640px);
    height: r(90px);
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    .weixin,.QQ{
        width: r(320px);
        height: r(90px);
        display: flex;
        justify-content: center;
        align-items: center;
        &:active{
            background: #dedede;
        }
        .weixin-img{
            width: r(33px);
            height: r(27px);
            margin-right: r(17px);
            img{
                width: 100%;
                height: 100%;
            }
            
        }
        .QQ-img{
            width: r(26px);
            height: r(27px);
            margin-right: r(17px);
            img{
                width: 100%;
                height: 100%;
            }
        }
       >p{
           font-size: r(24px);
           color: $value-fontColor;
       } 
    }
    .QQ{
        position: relative;
        &::before{
            content: "";
            font-size: r(30px);
            position: absolute;
            left: 0;
            height: 70%;
            width: r(3px);
            background: #dedede;
        }
    }
}


